<div class="content-section introduction ">
  <div>
    <span class="feature-title">巡检管理<span class="gt">&gt;</span>巡检总览  </span>
  </div>
</div>
<div class="content-section implementation GridDemo">
  <div class="ui-g">
    <div class="ui-g-12">
      <div class="ui-widget-header lh_1d7vw">

        <div class="ui-grid ui-grid-responsive ui-grid-pad ui-fluid">
          <div class="ui-widget-header lh_1d7vw">
            <div class="ui-grid ui-grid-responsive ui-grid-pad ui-fluid">
              <div class="ui-grid-col-12">
                <label >巡检任务状态：</label>
                <span *ngFor="let shift of shifts">
                     <span  class="span_bg" [style.background]="shift.color">{{shift.status}}</span>
                </span>
              </div>
              <div class="ui-grid-col-12 plan">
                <p-schedule [events]="events" [header]="headerConfig"
                            [options]="optionsConfig" [editable]="true"  weekends="true"
                            [eventLimit]="4" (onEventClick)="onEventClick($event)" (onViewRender)="onClickButton($event)" locale="zh-cn"></p-schedule>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<app-inspectionview-detail-dialog
  *ngIf="showViewPlanTaskDetailMask"
  (closeMask)="closeIntervalMask($event)"
  [inpectionOrder]="inpectionOrder"
  (saveIntervalInspectionOrder)="saveIntervalInspectionOrder($event)"
>
</app-inspectionview-detail-dialog>


